<link rel="stylesheet" href="/junxin_css/js/swiper/css/swiper.min.css">
<div class="swiper-container">
    <div class="swiper-wrapper">

        {Volist name="banners" id="item" }
        <div class="swiper-slide blue-slide">
            <img src="{$item.image}" alt="">
        </div>

        {/Volist}
    </div>
    <div class="swiper-pagination"></div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
</div>

<div class="i_product">
    <div class="index_title">
        Product display
        <h3>产品展示</h3>
    </div>
    <div class="product">
        <ul>
            {Volist name="product" id="item" }
            <li>
                <a href="{:url('home/product/detail',['id'=>$item.id])}">
                    <img src="{$item.image}" alt="">
                    <p>{$item.title}</p>
                </a>
            </li>
            {/Volist}
        </ul>
    </div>
</div>
<!-- 产品结束 -->
<div class="lizu">
    <div>
        <h2>君鑫贵金属立足江西，面向国际</h2>
        <p>我们坚信，通过不断努力和探索，
            <br>
            公司一定能成为贵金属产业链最具价值的服务商
        </p>
    </div>

</div>
<!--立足结束 -->
<div class="cases">
    <div class="i_title">
        <div>
            <p>为什么<span>君鑫贵金属</span>备受</p>
            <p>万千客户所信赖</p>
        </div>
    </div>
    <div class="info">
        {Volist name="trust" id="item" }
        <div>
            <ul class="clearfix">
                <li><img src="{$item.images}"></li>
                <li>
                    <h5>{$item.title}</h5>
                    <div>
                        {$item.content}
                    </div>
                <li><img src="{$item.image}" alt=""></li>
            </ul>
        </div>
        {/Volist}
    </div>
</div>
<!-- 信赖结束 -->
<div class="about">
    <div class="index_title">
        COMPANY PROFILE
        <h3>关于我们</h3>
    </div>
    <div class="info clearfix">
        <div>
            <div>
                <video controls="" controlslist="nodownload" autoplay="autoplay" poster="/junxin_css/images/fm.jpg"
                       muted>
                    <source src="/junxin_css/images/sp.mp4" type="video/mp4">
                </video>
            </div>
        </div>
        <div>
            <h3>公司使命</h3>
            <p>为商业伙伴创造独特价值，为员工提供更好发展平台，为社会贡献绿色再生资源，以社会责任以己
                任，以创新技术为核心，推动贵金属产业的可持续发展</p>
            <h3>公司简介</h3>
            <p>
                江西省君鑫贵金属科技材料有限公司是一家以贵金属回收、精炼和贵金属化合物、催化剂生产为核心，致力于研究催化剂和贵金属生产技术，提供贵金属检测、运输、仓储、贸易、平台咨讯等服务的专业贵金属公司</p>
            <a
                    href="http://www.junxinkj.com/aboutus.html">了解更多</a>
        </div>
    </div>
</div>
<!-- 关于我们 结束 -->
<div class="news_mes">
    <div class="box">
        <div class="i_news">
            <div class="i_title">
                <p>新闻资讯</p>
                <p>NEWS</p>
            </div>
            <ul>
                {Volist name="news" id="item" }
                <li>
                    <a href="{:url('home/news/detail',['id'=>$item.id])}">{$item.title} </a>
                    <span>{:date('Y-m-d',$item.createtime)}</span>
                </li>
                {/Volist}
            </ul>
        </div>
        <div class="mes">
            <div class="i_title">
                <p>在线留言</p>
                <p>Leave a message online</p>
            </div>
            <form action="{:url('home/message/save')}" method="post">{:token()}
                <table>
                    <tr>
                        <td>您的姓名：</td>
                        <td><input type="text" lay-verify="required" name="name"></td>
                    </tr>
                    <tr>
                        <td>您的电话：</td>
                        <td><input type="text" lay-verify="required" name="phone"></td>
                    </tr>
                    <tr>
                        <td>您的邮箱：</td>
                        <td><input type="text" name="mailbox"></td>
                    </tr>
                    <tr>
                        <td>备注说明：</td>
                        <td>
                            <textarea name="content"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            <button type="submit" lay-submit lay-filter="messageform">我要留言</button>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</div>
<script src="/junxin_css/js/swiper/js/swiper.min.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container',{
        loop: true,
        autoplay: 3000,
        paginationClickable: true,
        pagination : '.swiper-pagination',
        prevButton:'.swiper-button-prev',
        nextButton:'.swiper-button-next',
    });
</script>
<!-- 新闻——留言结束 -->
